.px2rem(@name,@px){
    @{name}:@px/75*1rem
}
.flex{
    display: flex;
}
.w{
    width: 100%;
}
.header{
    width: 100%;
     .px2rem(height,92); 
     position: fixed;
     z-index: 10000;
     background-color: white;
     border-bottom: 3px solid #CCCCCC;
     .list{
        display: flex;
     justify-content: space-between;  
     width: 100%;
     .px2rem(height,92); 
     align-items: center;
     }
    .one{
         .px2rem(margin-left,30); 
         font-weight: 300;
         font-size: 1.3em;
    }
    .two{
         .px2rem(margin-right,30); 
    }
     .img{
         .px2rem(height,45); 
          .px2rem(width,45);  
     }
}
.nav{
    .w();
    .px2rem(padding-top,92); 
    .px2rem(height,165); 
    border-bottom: 24px solid #f7f7f7;
    .list{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .li{
            display: flex;
            align-items: center;
            .span{
                display: block;
                 .px2rem(margin-left,30); 
            }
           .img_one{
               .px2rem(margin-left,30); 
               .px2rem(width,120); 
               .px2rem(height,120); 
           }
        }
         .shiwu{
                .px2rem(width,15); 
                .px2rem(height,27); 
                font-size: 40px;
                .px2rem(margin-right,30); 
            }
        
    }
}
.online{
    display: flex;
    .w();
    justify-content: space-between;
    align-items: center;
    .px2rem(height,87); 
    border-bottom: 1px solid #CCCCCC;
     .li{
            display: flex;
            align-items: center;
            .span{
                display: block;
                 .px2rem(margin-left,30); 
            }
           .img_one{
               .px2rem(margin-left,30); 
               .px2rem(width,30); 
               .px2rem(height,40); 
           }
        }
        .shiwu{
            img{
                .px2rem(width,15); 
                .px2rem(height,27); 
            }
                .px2rem(width,15); 
                .px2rem(height,27); 
              
                .px2rem(margin-right,30); 
            }
}
.warp{
    display: flex;
    .w();
    dl{
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
         .px2rem(height,146); 
    }
    dt{
       .px2rem(margin-top,16);   
    }
    border-bottom:16px solid #f7f7f7;
}
.yan{
  border-bottom:16px solid #f7f7f7;  
}
.dai{
    .px2rem(width,45); 
                .px2rem(height,40); 
}
.xuzixuan{
     .px2rem(padding-bottom,150); 
}
